<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>结算页面</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="../fonts/iconfont.css" rel="stylesheet" type="text/css" />
    
    <link href="../fonts/demo.css" rel="stylesheet" type="text/css" />

    <link href="../css/hmstyle.css" rel="stylesheet" type="text/css"/>

    <script src="../fonts/iconfont.js"></script>
    <link rel="stylesheet" text="text/css" href="../css/header.css" >
    <link rel="stylesheet" text="text/css" href="../css/footer.css" >
    <link rel="stylesheet" text="text/css" href="../css/shopcart.css" >

    <link rel="stylesheet" text="text/css" href="../css/pay.css" >
</head>
<body>
    <!-- 头 -->
    <!-- hmtop  开始 -->
    <div class="hmtop">
        <!-- 顶部导航条  开始-->
        <div class="am-container header">
            <!-- 信息栏左侧  开始-->
            <ul class="message-l">
                <div class="topMessage">
                    <div class="menu-hd">
                        <a href="#" target="_top" class="h">亲，请登录</a>
                        <a href="#" target="_top">免费注册</a>
                    </div>
                </div>
            <!-- 信息栏左侧  结束-->
            </ul>

            <!-- 信息栏右侧  开始-->
            <ul class="message-r">
                <!-- home 开始 -->
                <div class="toMessage home">
                    <div class="menu-hd"><a href="index.html"target="_top" class="h">商城首页　</a></div>
                <!-- home 结束 -->
                </div>

                <!-- person 开始 -->
                <div class="toMessage person">
                    <div class="menu-hd person">
                        <a href="index.html"target="_top">
                             　<i class="iconfont icon-zhanghao"></i>个人中心
                        </a>
                    </div>
                    <div class="menu-hd person">
                        <a href="index.html"target="_top">
                             　<i class="iconfont icon-icon"></i>购物车0
                        </a>
                    </div>
                    <div class="menu-hd shoucang">
                        <a href="index.html"target="_top">
                             　<i class="iconfont icon-ttpodicon"></i>收藏夹
                        </a>
                    </div>
                <!-- person 结束 -->
                </div>
            <!-- 信息栏右侧  结束-->
            </ul>

        <!-- 顶部导航条 结束 -->
        </div>

        <!-- 悬浮收索栏  开始-->
        <div class="logo-boxtitle">
            <div class="logo">
                <img alt="logo" src="../images/logobig.png">
            </div>

            <a name="index_none_header_sysc" href="#"></a>
            <div class="search-bar pr">
                <form action="">
                    <input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
                    <input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
                </form>
            </div>

        <!-- 悬浮收索栏 结束-->
        </div>

        <div class="clear"></div>

    <!-- hmtop  结束 -->
    </div>






   <!-- 体 -->
   <div class="pay">
        <!-- 地址 -->
        <div class="pay_count">
            <div class="address">
                <h1>确认收货地址</h1>
                <div class="control">
                    <div class="new_address">使用新地址</div>
                </div>

                <div class="clear"></div>

                <ul>
                    <div class="per_border"></div>
                    <li class="user_address defaultAddr">
                        <div class="address_left">
                            <!-- 用户 -->
                            <div class="user">
                                <span class="buy_addr_detail user_bold">
                                    <span class="buy_user">艾迪</span>
                                    <span class="buy_phone">15871145629</span>
                                </span>
                            </div>
                            
                            <!-- 地址 -->
                            <div class="address_default">
                                <span class="buy_line_title">收获地址：</span>
                                <span class="buy_addr_detail">
                                    <span class="provice">湖北省</span>
                                    <span class="city">武汉市</span>
                                    <span class="dist">洪山区</span>
                                    <span class="street">雄楚大道666号(中南财经政法大学)</span>
                                </span>
                            </div>

                            <ins class="deftip">默认地址</ins>
                        </div>

                        <div class="address_right">
                            <a href="#">
                                <span class="log_span"></span>
                            </a>
                        </div>

                        <div class="clear"></div>

                        <div class="new_addr_btn">
                            <a href="#" class="hidden">设为默认</a>
                            <span class="new-addr-bar hidden">|</span>
                            <a href="#">编辑</a>
                            <span class="new-addr-bar">|</span>
                            <a href="javascript:void(0);" onclick="delClick(this);">删除</a>

                        </div>

                        <i class="iconfont icon-sanjiaoxing-dagou"></i>
                    </li>


                    <div class="per_border"></div>
                    <li class="user_address defaultAddr">
                        <div class="address_left">
                            <!-- 用户 -->
                            <div class="user">
                                <span class="buy_addr_detail user_bold">
                                    <span class="buy_user">艾迪</span>
                                    <span class="buy_phone">15871145629</span>
                                </span>
                            </div>
                            
                            <!-- 地址 -->
                            <div class="address_default">
                                <span class="buy_line_title">收获地址：</span>
                                <span class="buy_addr_detail">
                                    <span class="provice">湖北省</span>
                                    <span class="city">武汉市</span>
                                    <span class="dist">洪山区</span>
                                    <span class="street">雄楚大道666号(中南财经政法大学)</span>
                                </span>
                            </div>

                            <ins class="deftip hidden">默认地址</ins>
                        </div>

                        <div class="address_right">
                            <a href="#">
                                <span class="log_span"></span>
                            </a>
                        </div>

                        <div class="clear"></div>

                        <div class="new_addr_btn">
                            <a href="#">设为默认</a>
                            <span class="new-addr-bar">|</span>
                            <a href="#">编辑</a>
                            <span class="new-addr-bar">|</span>
                            <a href="javascript:void(0);" onclick="delClick(this);">删除</a>
                        </div>
                    </li>

                </ul>
                <div class="clear"></div>
            <!-- address 结束 -->
            </div>


            <!-- 物流方式 -->
            <div class="wuliu">
                <h1>选择物流方法</h1>
                <ul>
                    <li class="yt"><i class="iconfont icon-iconyuantong"></i>　圆通</li>
                    <li class="st"><i class="iconfont icon-shentong"></i>　申通</li>
                    <li class="yd"><i class="iconfont icon-liwengduiyun"></i>　韵达</li>
                    <li class="zt"><i class="iconfont icon-zhongtong"></i>　中通</li>
                    <li class="sf"><i class="iconfont icon-shunfengmianyoufei"></i>　顺丰</li>
                </ul>
            </div>

            <div class="zhifu wuliu">
                <h1>选择支付方法</h1>
                <ul class="pay-list">                
                    <li class="card">
                        <div><img src="../images/wangyin.jpg" /></div>　
                        <div class="txt111">银联</div>
                    </li>
                    <li class="weixin">
                        <div><img src="../images/weizhifu.jpg" /></div>　
                        <div class="txt222">微信</div>
                    </li>
                    <li class="zhifubao">
                        <div><img src="../images/zhifubao.jpg" /></div>　
                        <div class="txt333">支付宝</div>
                    </li>
                    <li class="zt"></li>
                    <li class="sf"></li>
                </ul>
            </div>


            <div class="wuliu queren">
                <h1>确认订单信息</h1> 
            </div>
            
            <div class="clear"></div>
        <!-- pay_count 结束 -->
        </div>
      
    <!-- pay 结束 -->
    </div>


    

    <!-- 购物车 -->
    <div class="comment cart-margin">
        <div id="cartTable">
            

            <div class="cart-table-th">
                <div class="wp">

                    <div class="wp-t th_chk">
                        <div id="J-all-list" class="_all_list J-all-list">
                            
                        </div>
                    </div>

                    <div class="wp-t th_item ">
                        <div class="td_inner goods-info">
                            商品信息
                        </div>
                    </div>

                    <div class="wp-t th_price">
                        <div class="td_inner">
                            单价
                        </div>
                    </div>

                    <div class="wp-t th_amount">
                        <div class="td_inner">
                            数量
                        </div>
                    </div>

                    <div class="wp-t th_sum">
                        <div class="td_inner">
                            金额
                        </div>
                    </div>

                    <div class="wp-t th_op">
                        <div class="td_inner">
                            配送方式
                        </div>
                    </div>

                    <div class="clear"></div>
                <!-- wp  结束 -->
                </div>              
                    
            <!-- cart-table-th 结束 -->
            </div>


           
            


                <div class="bundle-main">
                    <ul class="item-content clearfix ul_position">
                        <li class="td td-chk">
                            <div class="cart-checkbox ">
                                <input class="check" id="J_CheckBox_170037950254" name="items[]" value="170037950254" type="checkbox">
                                <label for="J_CheckBox_170037950254"></label>
                            </div>
                        </li>
                        <li class="td td-item">
                            <div class="item-pic">
                                <a href="#" target="_blank" data-title="美康粉黛醉美东方唇膏口红正品 持久保湿滋润防水不掉色护唇彩妆" class="J_MakePoint" data-point="tbcart.8.12">
                                    <img src="../images/kouhong.jpg_80x80.jpg" class="itempic J_ItemImg"></a>
                            </div>
                            <div class="item-info">
                                <div class="item-basic-info">
                                    <a href="#" target="_blank" title="美康粉黛醉美唇膏 持久保湿滋润防水不掉色" class="item-title J_MakePoint" data-point="tbcart.8.11">美康粉黛醉美唇膏 持久保湿滋润防水不掉色</a>
                                </div>
                            </div>
                        </li>

                        <li class="tt_info">
                            <div class="_info_box">
                                <span class="_skin_line">颜色：12#川南玛瑙</span>
                                <span class="_skin_line">包装：裸装</span>
                                <span class="_skin_btn _edit_login" tabindex="0">修改</span>
                                <i class="_edit_login"></i>
                            </div>
                        </li>

                        <li class="tt_price">
                            <div class="price_promo">
                                <div class="price_content">
                                    <div class="price_line">
                                        <em class="price_before">78.00</em>
                                    </div>
                                    <div class="price_line">
                                        <em class="price_now">39.00</em>
                                    </div>
                                </div>
                            </div>
                        </li>
                        
                        <li class="tt_amount">
                            <div class="amount_warpper">
                                <div class="itt_amount">
                                    <div class="sl">
                                        <input type="button" name="" value="-" class="min_btn">
                                        <input type="text" name="" value="3" class="txt_box">
                                        <input type="button" name="" value="+" class="max_btn">
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="tt_sum">
                            <div class="tt_inner">
                                <em tabindex="0" class="_total_num">117.00</em>
                            </div>
                        </li>

                        <li class="tt_op">
                            <div class="tt_inner">
                                <a href="#" title="移入收藏夹" class="btn_fav">快递10元</a>
                                
                            </div>
                        </li>

                    </ul> 

                </div>


                <div class="bundle-main" style="border-top:1px solid #F5F5F5;">
                    <ul class="item-content clearfix ul_position">
                        <li class="td td-chk">
                            <div class="cart-checkbox ">
                                <input class="check" id="J_CheckBox_170037950254" name="items[]" value="170037950254" type="checkbox">
                                <label for="J_CheckBox_170037950254"></label>
                            </div>
                        </li>
                        <li class="td td-item">
                            <div class="item-pic">
                                <a href="#" target="_blank" data-title="美康粉黛醉美东方唇膏口红正品 持久保湿滋润防水不掉色护唇彩妆" class="J_MakePoint" data-point="tbcart.8.12">
                                    <img src="../images/kouhong.jpg_80x80.jpg" class="itempic J_ItemImg"></a>
                            </div>
                            <div class="item-info">
                                <div class="item-basic-info">
                                    <a href="#" target="_blank" title="美康粉黛醉美唇膏 持久保湿滋润防水不掉色" class="item-title J_MakePoint" data-point="tbcart.8.11">美康粉黛醉美唇膏 持久保湿滋润防水不掉色</a>
                                </div>
                            </div>
                        </li>

                        <li class="tt_info">
                            <div class="_info_box">
                                <span class="_skin_line">颜色：12#川南玛瑙</span>
                                <span class="_skin_line">包装：裸装</span>
                                <span class="_skin_btn _edit_login" tabindex="0">修改</span>
                                <i class="_edit_login"></i>
                            </div>
                        </li>

                        <li class="tt_price">
                            <div class="price_promo">
                                <div class="price_content">
                                    <div class="price_line">
                                        <em class="price_before">78.00</em>
                                    </div>
                                    <div class="price_line">
                                        <em class="price_now">39.00</em>
                                    </div>
                                </div>
                            </div>
                        </li>
                        
                        <li class="tt_amount">
                            <div class="amount_warpper">
                                <div class="itt_amount">
                                    <div class="sl">
                                        <input type="button" name="" value="-" class="min_btn">
                                        <input type="text" name="" value="3" class="txt_box">
                                        <input type="button" name="" value="+" class="max_btn">
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="tt_sum">
                            <div class="tt_inner">
                                <em tabindex="0" class="_total_num">117.00</em>
                            </div>
                        </li>

                        <li class="tt_op">
                            <div class="tt_inner">
                                <a href="#" title="移入收藏夹" class="btn_fav">包邮</a>
                                
                            </div>
                        </li>

                    </ul> 

                </div>


                
                <div class="order-extra">
                    <!-- 留言 -->
                    <div class="order-user-info">
                        <div id="holyshit257" class="memo">
                            <label for="">买家留言：</label>
                            <input type="text" class="memo_input" title="选填,对本次交易的说明（建议填写已经和卖家达成一致的说明" placeholder="选填,建议填写和卖家达成一致的说明">
                        </div>
                        <div class="msg hidden J-msg">
                            <p class="error">最多输入500个字符</p>
                        </div>
                    </div>

                    <!-- 优惠券 -->
                    <div class="buy-agio">
                        <li class="ttd td-coupon">
                            <span class="ttd td-coupon-title">优惠券</span>
                            <select name="" id="" data-am-selected>
                                <option value="a">
                                    <div class="c_price">
                                        <strong>￥8</strong>
                                    </div>
                                    <div class="c_limit">
                                        【消费满95元可用】
                                    </div>
                                </option>
                                <option value="b" selected="">
                                    <div class="c_price">
                                        <strong>￥3</strong>
                                    </div>
                                    <div class="c_limit">
                                        【无门槛使用】
                                    </div>
                                    
                                </option>
                            </select>
                        </li>


                        <li class="ttd td-bonus">
                            <span class="ttd td-bonus-title">红包</span>
                            <select name="" id="" data-am-selected>
                                <option value="a">
                                    <div class="nice_price">
                                        ￥50.00<span>元</span>
                                    </div>
                                    <div class="nice_limit">
                                        <span>还剩</span>10.40<span>元</span>
                                    </div>
                                </option>
                                <option value="b" selected="">
                                    <div class="nice_price">
                                        ￥50.00<span>元</span>
                                        
                                    </div>
                                    <div class="nice_limit">
                                        <span>还剩</span>50.00<span>元</span>
                                    </div>
                                    
                                </option>
                            </select>
                        </li>
                    </div>

                </div>

            </div>

        </div>




        <!-- 合计运费 -->
        <div class="total_tip">
            <p class="mine_sell">
                合计（含运费）<span>￥</span><em class="_pay_sum">244.00</em>
            </p>

            <div class="to_successInfo">
                <ul class="p_relative">
                    <li>实付款：<em>¥</em><b>244.00</b></li>
                    <div class="user-info">
                        <p class="send">寄送至：</p>
                        <p class="province">湖北省&nbsp;</p>
                        <p class="city">武汉市&nbsp;</p>
                        <p class="dist">洪山区&nbsp;</p>
                        <p class="street">雄楚大道666号(中南财经政法大学)</p>
                        <div class="clear"></div>
                    </div>
                             
                    <div class="get_person">
                        <p class="send">收货人：</p>
                        <p class="get_per_info">
                            <span class="user_name">艾迪</span>
                            <span class="user_phone">15871145629</span>
                        </p>
                        <div class="clear"></div>
                    </div>  

                </ul>
            </div>
           
        </div>



        <!-- 提交订单 -->
        <div class="tj_order">
            <div class="make_sure">
                <a href="#" id="TJ-GO" title="点击此按钮，提交订单">提交订单</a>
            </div>
        </div>  




    <!-- 尾 -->
    <div class="footer s">
        <div class="footer-hd">
            <p>
                <a href="#">老芝麻科技  　<b>|</b></a>
                <a href="#">　商城首页  　<b>|</b></a>
                <a href="#">　支付宝  　<b>|</b></a>
                <a href="#">　物流</a>
            </p>
        </div>
        
        <div class="footer-fd">
            <p>
                <a href="#">关于老芝麻</a>
                <a href="#">合作伙伴</a>
                <a href="#">联系我们</a>
                <a href="#">网站地图</a>
                <em>© 2017-0426 laozhima.com 版权所有. 更多模板 <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></em>
            </p>
        </div>
    </div>

</body>
</html>